<template>
	<view class="page-box">
		<view class="header">
			<text class="header-logo iconfont icon-logo"></text>
			<view class="header-title">拼一手珠宝平台</view>
			<view class="header-sub">用互联网科技赋能传统珠宝商</view>
			<image class="header-image-l" :src="'tree.png' | media('xc200')" mode=""></image>
			<image class="header-image-r" :src="'tree.png' | media('xc200')" mode=""></image>
		</view>
		<view class="body">
			<pys-button
				width="356"
				height="75"
				size="30"
				@click="handleBack"
			>
				返回主账号
			</pys-button>
		</view>
	</view>
</template>

<script>
export default {
	name: 'AccountExpired',
	data() {
		return {
			
		};
	},
	//方法
	methods: {
		handleBack() {
			const params = { merchant_id: 'self' };
			this.$apis.user.update(params, { isLoad: true })
				.then(res => {
					this.$store.dispatch('clearCache');
					return this.$store.dispatch('user/getUserInfo');
				})
				.then(res => {
					uni.reLaunch({
						url: '/pages/home/home/home'
					});
				})
		}
	}
};
</script>
<style lang="scss" scoped>
.page-box {
	padding: 176rpx 0 16rpx;
	background-color: #fff;
	align-items: center;
}
.header {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: $type-primary;
	margin-bottom: 250rpx;
	
	&-logo {
		font-size: 200rpx;
		line-height: 200rpx;
		margin-bottom: 8rpx;
	}
	&-title {
		font-size: 36rpx;
		font-weight: bold;
		line-height: 36rpx;
		margin-bottom: 16rpx;
	}
	&-sub {
		font-size: 30rpx;
		line-height: 30rpx;
	}
	&-image-r, &-image-l {
		position: absolute;
		width: 395rpx;
		height: 395rpx;
		opacity: 0.15;
	}
	&-image-r {
		top: 20rpx;
		right: -214rpx;
		transform: rotate(-90deg);
	}
	&-image-l {
		top: 0;
		left: -214rpx;
		transform: rotate(90deg);
	}
}
</style>
